<!DOCTYPE HTML>

<html lang="pt-br"  
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/WEB-INF/template/ConhecimentoTemplate.xhtml">
<ui:define name="corpo">
	<style type="text/css">
	.div-tela 
	{
		max-width: auto;
		padding: 10px 10px 10px;
	    margin: 0 auto 20px;
	    background-color: #fff;
	    border: 1px solid #e5e5e5;
	    -webkit-border-radius: 5px;
	    	-moz-border-radius: 5px;
	        	border-radius: 5px;
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	}
	.colunaEsquerda
	{  
	    text-align: left;
	    width: 30%;  
	}  
	.colunaDireita
	{  
	    text-align: left;
	    width: 70%;
	}
	.pnlMindMap
	{
		max-width: auto;
		height: auto;
	}   
	.mindMap
	{
		max-width: auto;
		height: 450px;
		border: 1px solid black;
	}   
	</style>
<div class="div-tela">
	<p:panel id="pnlVendaFiltro"
			toggleable="false"
			closable="false"
			header="Filtro">
		<p:commandButton id="btnFiltro"
						styleClass="ui-priority-primary"
			        	actionListener="#{relVendedorManagerBean.carregarTelaFiltro}"
			        	update=":frmConhecimento:pnlFiltro"
			        	value="Filtro Dados Vendas"/>
		
		<p:commandButton id="btnSair" 
						value="Sair" 
						styleClass="ui-priority-primary"
						actionListener="#{relVendedorManagerBean.sair}"/>
	</p:panel>
	<p:panel id="pnlVendaTotal"
			toggleable="true"
			closable="false"
			toggleSpeed="500"
			header="Painel Geral de Vendas"
			style="width:100%;height:100%;">
		<p:dataList value="#{relVendedorManagerBean.listaClienteDados}"
					var="vendedor"
					emptyMessage="Sem Dados para Exibição">
			<f:facet name="header">
				Valor Total de Vendas para Mês #{relVendedorManagerBean.clienteDadosVo.mesCompetencia} de #{relVendedorManagerBean.clienteDadosVo.anoCompetencia}: R$  #{relVendedorManagerBean.valorTotalVendas}
			</f:facet>
				Vendedor #{vendedor.funcionarioVo.nome} Venda no Total  de R$: #{vendedor.valorCompraTotal} 
		</p:dataList>
		<p:dataList value="#{relVendedorManagerBean.listaTipoAtendimentoGeral}"
					var="atendimentos"
					emptyMessage="Sem Dados para Exibição">
			<f:facet name="header">
				Eficiência dos Atedimentos
			</f:facet>
				#{atendimentos.agendaTipoAtendimentoVo.descricao} - #{atendimentos.agendaTipoContatoVo.descricao}: Quantidade de #{atendimentos.quantidadeAtendimento} com Duração de #{atendimentos.tempoAtendimento}
		</p:dataList>
	</p:panel>
	<p:panel id="pnlVendaVendedor"
			toggleable="true"
			closable="false"
			toggleSpeed="500"
			header="Painel Vendedores"
			style="width:100%;">
		<p:accordionPanel value="#{relVendedorManagerBean.listaClienteDados}" var="vendedorDetalhe">
			<p:tab title="Vendedor #{vendedorDetalhe.funcionarioVo.nome}" titleStyle="background-color:#{vendedorDetalhe.funcionarioVo.corVenda};">
				<p:dataTable id="tblVendedorDetalhe"
							var="clienteDados"
							value="#{vendedorDetalhe.listaClienteDados}"
							paginator="true"
							rows="10"
							emptyMessage="Não há Registros para Exibição">
					
					<p:column width="10%" filterBy="#{clienteDados.clienteVo.id}" filterMatchMode="contains" filterStyle="width:100%">
						<h:outputText value="#{clienteDados.clienteVo.id}" />
				    </p:column>
			
					<p:column headerText="Nome" width="50%">
						<h:outputText value="#{clienteDados.clienteVo.razao}" />
				    </p:column>
				    
				    <p:column headerText="Total Compra" width="28%">
						<h:outputText value="#{clienteDados.valorCompraTotal}">
							<f:convertNumber type="currency" currencySymbol="R$"/>
						</h:outputText>
					</p:column>
					
					<p:column width="12%">
		        		
		        		<p:commandButton value="Atendimentos"
		        					styleClass="ui-priority-primary"
		        					update=":frmConhecimento:pnlDetalheAt"
				        			actionListener="#{relVendedorManagerBean.carregarDadosAtendimentos(clienteDados)}"/>
		        	</p:column>
				    
				</p:dataTable>
			</p:tab>
		</p:accordionPanel>
	</p:panel>
			
	
</div>	
</ui:define>
<ui:define name="modal">

	<p:dialog widgetVar="diagFiltro" 
			header="Filtro Dados Vendas"
			modal="true"
			showEffect="fade"
			hideEffect="fade"
			resizable="false"
			width="300"
			position="top">
		
			<p:panelGrid id="pnlFiltro" 
				columns="2" columnClasses="colunaEsquerda, colunaDireita" style="width:100%; border:none;" >
				<h:outputLabel for="slcMes" value="Mês: " />
					<p:selectOneMenu id="slcMes" value="#{relVendedorManagerBean.clienteDadosVo.mesCompetencia}">
						<f:selectItem itemLabel="1" itemValue="1"/>
						<f:selectItem itemLabel="2" itemValue="2"/>
						<f:selectItem itemLabel="3" itemValue="3"/>
						<f:selectItem itemLabel="4" itemValue="4"/>
						<f:selectItem itemLabel="5" itemValue="5"/>
						<f:selectItem itemLabel="6" itemValue="6"/>
						<f:selectItem itemLabel="7" itemValue="7"/>
						<f:selectItem itemLabel="8" itemValue="8"/>
						<f:selectItem itemLabel="9" itemValue="9"/>
						<f:selectItem itemLabel="10" itemValue="10"/>
						<f:selectItem itemLabel="11" itemValue="11"/>
						<f:selectItem itemLabel="12" itemValue="12"/>
					</p:selectOneMenu>
				<h:outputLabel for="slcAno" value="Ano: " />
					<p:selectOneMenu id="slcAno" value="#{relVendedorManagerBean.clienteDadosVo.anoCompetencia}">
						<f:selectItem itemLabel="2014" itemValue="2014"/>
						<f:selectItem itemLabel="2015" itemValue="2015"/>
						<f:selectItem itemLabel="2016" itemValue="2016"/>
					</p:selectOneMenu>
			</p:panelGrid>
			
		<div>
			<BR />
		</div>
		<p:commandButton id="btnFiltrar" 
					update=":frmConhecimento:pnlVendaTotal,:frmConhecimento:pnlVendaVendedor" 
					styleClass="ui-priority-primary"
					value="Filtrar" 
					actionListener="#{relVendedorManagerBean.carregarDadosVenda}"/>	
	</p:dialog>
	<p:dialog widgetVar="diagDetalheAt" 
			header="Detalhe Geral dos Atendimentos"
			modal="true"
			showEffect="fade"
			hideEffect="fade"
			resizable="false"
			width="950"
			position="top"
			closable="false">
		
			<p:panel id="pnlDetalheAt" style="font-size:12px;">
				<p:dataTable id="tblDetalheAt" 
							var="atendimentoCliente" 
							value="#{relVendedorManagerBean.listaAtendinentosClientes}"
							paginator="true"
							rows="10"
							emptyMessage="Sem Dados para Exibição">
							
					<p:column style="width:5%;background-color:#FFFFFF;">
	            		<p:rowToggler />
	        		</p:column>		
			        
			        <p:column headerText="Atendimento" width="25%">
			            <h:outputText value="#{atendimentoCliente.agendaTipoAtendimentoVo.descricao}" />
			        </p:column>
			        
			       	<p:column headerText="Tipo Contato" width="25%">
			            <h:outputText value="#{atendimentoCliente.agendaTipoContatoVo.descricao}" />
			        </p:column>
			        
			        <p:column headerText="Qtd Atendimento" width="25%">
			            <h:outputText value="#{atendimentoCliente.quantidadeAtendimento}" />
			        </p:column>
			        
			        <p:column headerText="Tempo Atendimento" width="25%">
						<h:outputText value="#{atendimentoCliente.tempoAtendimento}" />
					</p:column>
			        
			        <p:rowExpansion>
	            		<p:dataTable id="tblDetalhamentoAt" 
									var="atendimentoClienteDetalhe" 
									value="#{atendimentoCliente.listaAtendimentos}"
									scrollable="true"
									scrollWidth="auto"
									scrollHeight="300"
									emptyMessage="Sem Dados para Exibição">
									
							<p:column headerText="Nome Usuário" width="auto">
					            <h:outputText value="#{atendimentoClienteDetalhe.agendaClienteVo.agendaVo.usuarioVo.nomeCompleto}" />
			        		</p:column>
			        		
			        		<p:column headerText="Data" width="auto">
					            <h:outputText value="#{atendimentoClienteDetalhe.agendaClienteVo.agendaVo.dataAgenda}">
					            	<f:convertDateTime pattern="dd/MM/yyyy"/>
					            </h:outputText>
			        		</p:column>
			        		
			        		<p:column headerText="Atendimento" width="auto">
					            <h:outputText value="#{atendimentoClienteDetalhe.descricaoAtendimento}" />
			        		</p:column>
							
							<p:column headerText="H Inicial" width="auto">
								<h:outputText value="#{atendimentoClienteDetalhe.horaAtendimento}">
									<f:convertDateTime pattern="HH:mm"/>
								</h:outputText>
							</p:column>
							
							<p:column headerText="H Final" width="auto">
								<h:outputText value="#{atendimentoClienteDetalhe.horaEncerramento}">
									<f:convertDateTime pattern="HH:mm"/>
								</h:outputText>
							</p:column>
			        		
						</p:dataTable>
	        		</p:rowExpansion>
			        
	    		</p:dataTable>
			</p:panel>
			
			<div>
			<BR />
		</div>
		<p:commandButton id="btnFechar"
					update=":frmConhecimento:pnlDetalheAt" 
					styleClass="ui-priority-primary"
					value="Fechar" 
					actionListener="#{relVendedorManagerBean.fecharModalDetalhe}"/>	
			
	</p:dialog>
	
</ui:define>
</ui:composition>
</html>